<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>首要“标签”</title>
		<link rel="stylesheet" type="text/css" href="css/index1.css" />
	</head>
	<body>
		<header>
			<img  src="img/logo.png"/>
		</header>
		<nav id="nav1">
			<ul>
				<li>首页</li>
				<li>论坛</li>
				<li>快捷手册</li>
				<li>中文文档</li>
				<li>下载</li>
				<li>关于</li>
			</ul>
		</nav>
		<section>
			<main>
				<article>
					<p class="p1">首要“标签”</p>
					<p class="p2">作者：<samp>王赛</samp> · 2017年8月3日</p>
					<p class="p3">在 Ghost 中，每一篇博文都可以有多个标签（tag），并且这些标签的排列顺序也被 Ghost 完整保存。第一个标签被认为是最重要的，因此被特殊对待。</p>
					<p class="p4">实例用法</p>
					<p class="p5">使用默认的 <samp class="samp">{{tags}}</samp> 助手将展示出所有标签的列表，并且链接到它们各自对应的分类页面： <samp>News、Design、Architecture</samp></p>
					<p class="p5">如果你只是希望输出首要标签并且为其创建一个特殊的链接，你可以在 Casper 2.0 主题中使用如下代码实现：</p>
					<p class="p5">这种方式不但仍然可以让你自由地使用标签并为博文建立互相之间的关系，并且在前端页面上保留了一个类似分类的整洁输出。</p>
					<p class="p5">希望这一功能能够给你开发主题时提供一些帮助和灵活性。如果你希望了解更多有趣的功能，请访问我们的文档网站：<samp>http://themes.ghost.org/</samp>。</p>
					<p class="p6">这一功能包含在 Ghost 1.2.0 版本中。在自己的服务器上托管 Ghost 的用户可以利用 <samp>Ghost-CLI</samp> 中的 <samp class="samp">$ ghost update</samp> 命令升级到 <samp>最新版本</samp>。Ghost(Pro) 用户将很快自动获得这一更新。</p>
					<p class="p6">原文出处：<samp>https://dev.ghost.org/primary-tags/</samp></p>
					<footer>主题, 助手函数</footer>
				</article>
				<article style="height: 125px; padding-top: 45px; ">
					<img src="img/logo1.png" style="float: left;"/>
					<p class="p7">&nbsp;&nbsp;关于作者 <samp>王赛</samp></p>
					<p class="p8">&nbsp;&nbsp;&nbsp;&nbsp;北京&nbsp;&nbsp;<samp style="font-size: 12px;">个人网站/博客</samp></p>
				</article>
				<nav id="nav2">
					<ul>
						<li>Ghost 1.0 版本正式发布</li>
						<li style="margin-left: 19px;">自定义文章摘要（Excerpt）</li>
					</ul>
				</nav>
			</main>
			<aside>
				<article>
					<div id="div1">社区</div>
					<div id="div2">
						<p style="color: #000000;">QQ群：277327792</p>
						<p>&nbsp;问答社区</p>
						<p>&nbsp;官方微博</p>
					</div>
				</article>
				<article style="height: 130px;">
					<div id="div1" style="width: 110px;">下载 Ghost</div>
					<div id="div2">
						<div>Ghost 中文版（0.7.4）</div>
					</div>
				</article>
			</aside>
		</section>
		<footer id="footer">Copyright © Ghost中文网 | 京ICP备11008151号 | 京公网安备11010802014853</footer>
	</body>
</html>
